@media (max-width: 1280px) {
    .center{ width: 1016px; }

    .vacane-logo{ padding: 12px 0; }
    .vacane-logo a{ width: 142px; height: 48px; background-size: auto 100%; }

    .vacane-search{ width: 160px; height: 36px; margin: 18px 0; }
    .vacane-search .form{ width: 146px; height: 36px; }
    .vacane-search .txt{ width: 110px; height: 36px; padding: 8px 5px; }
    .vacane-search .go{ width: 36px; height: 36px; padding: 0; }

    .vacane-menu a{ line-height: 72px; padding: 0 20px; font-size: 14px; }

    .banner-desc .carousel-indicators li{ width: 12px; height: 12px; }

    .products{ height: 514px; margin-top: -221px; }
    .products .parTd{ margin-bottom: 32px; }
    .products .parTd h6{ line-height: 20px; }
    .products .parHd{ margin-bottom: 32px; }
    .products .parMd{ margin-bottom: 32px; }
    .products .parMd ul li{ width: 239px; height: 293px; margin-right: 20px; }
    .products .parMd ul li .pic{ width: 239px; height: 239px; line-height: 239px; }
    .products .parMd ul li .pic a span{ height: 136px; margin-top: -68px; }
    .products .parMd ul li .pic a span h2{ line-height: 30px; font-size: 20px; margin-bottom: 10px; }
    .products .parMd ul li .pic a span h2:after{ top: 15px; }
    .products .parMd ul li .pic a span p{ font-size: 12px; text-align: justify; }
    .products .parMd ul li .title{ height: 44px; margin-bottom: 0; }
    .products .parMd ul li .title h5{ line-height: 24px; font-size: 14px; }
    .products .parMd ul li .title h6{ line-height: 20px; font-size: 12px; }
    .products .parBd{ width: 168px; height: 34px; }
    .products .parBd a{ line-height: 32px; font-size: 14px; }

    .abouts{ height: 336px; margin-top: -132px; }
    .abouts .video{ width: 516px; }
    .aboutus{ width: 500px; padding: 30px; }
    .aboutus span{ margin: 0 0 10px 0; }
    .aboutus p{ font-size: 12px; text-align: justify; }
    .aboutus a{ width: 128px; height: 32px; line-height: 32px; font-size: 12px; margin-top: 15px; }

    .societys{ height: 482px; margin-top: -205px; }
    .societys .parTd{ margin-bottom: 50px; }
    .societys .parTd h6{ line-height: 20px; }
    .societys .parMd ul li{ width: 326px; height: 372px; margin-right: 20px; }
    .societys .parMd ul li .pic{ width: 326px; height: 182px; line-height: 182px; }
    .societys .parMd ul li .title{ height: 189px; padding: 20px; }
    .societys .parMd ul li .title h4{ height: 32px; line-height: 32px; font-size: 16px; }
    .societys .parMd ul li .title p{ font-size: 12px; text-align: justify; }
    .societys .parMd ul li .title span{ width: 148px; height: 30px; line-height: 28px; font-size: 12px; margin-top: 10px; }

    .contacts{ height: 390px; margin-top: -159px; }
    .contacts .parTd{ margin-bottom: 40px; }
    .contacts .parTd h6{ line-height: 20px; }
    .contacts .parMd{ margin-bottom: 60px; }
    .contacts .parMd h1{ margin-bottom: 30px; }
    .contacts .parMd div{ height: 34px; margin-bottom: 10px; }
    .contacts .parMd div h2,
    .contacts .parMd div h3,
    .contacts .parMd div h4,
    .contacts .parMd div h5{ line-height: 34px; }
    .contacts .parMd div a{ height: 34px; line-height: 32px; font-size: 14px; }
    .contacts .parBd{ height: 82px; }
    .contacts .parBd ul li{ height: 80px; }
    .contacts .parBd ul li a{ margin: 15px auto; }
    .contacts .parBd ul li a span h5{ font-size: 12px; }
    .contacts .parBd ul li a span h6{ font-size: 12px; }

    .floating{ height: 266px; margin-top: -133px; }
    .floating div{ height: 64px; }
    .floating div a{ height: 64px; }
    .floating div a span{ width: 60px; height: 64px; }
    .floating div a span i{ width: 60px; height: 38px; background-size: auto 30px; }
    .floating div a span p{ width: 60px; line-height: 26px; font-size: 12px; }
    .floating div a h1{ width: 150px; line-height: 64px; font-size: 18px; }

    .uss{ height: 400px; margin-top: -230px; }
    .uss .td{ margin-bottom: 60px; }
    .uss .td h6{ line-height: 20px; }
    .uss .bd ul li{ height: 280px; }
    .uss .bd ul li div i{ height: 84px; background-size: auto 42px; }
    .uss .bd ul li div h3{ line-height: 24px; font-size: 16px; }
    .uss .bd ul li div p{ line-height: 26px; font-size: 12px; }
    .botter{ padding: 36px 0 24px 0; }


    .ibanner{ margin-top: 72px; }

    .inner{ width: 100%; }

    .brands{ padding: 50px 0; }
    .brands .td{ margin-bottom: 20px; }
    .brands .hd{ margin-top: 20px; }
    .brands .hd ul li{ height: 60px; }
    .brands .hd ul li:after{ bottom: 13px; }
    .brands .hd ul li p{ line-height: 30px; font-size: 16px; }
    .brands .bd img{ margin-bottom: 20px; }

    .partners{ padding: 50px 0;}
    .partners .td{ margin-bottom: 32px; }
    .partners .td h6{ line-height: 20px; }


    .location{ margin-top: 72px; padding: 15px 0; }
    .locations a{ padding: 0 30px; }

    .picductypes ul li{ margin: 0 31px 20px 0; }

    .new{ margin-top: 72px; }
    .news{ padding: 40px 0; }
    .goods ul li{ height: 60px; }
    .goods ul li a span{ padding: 0 15px; line-height: 20px; }
    .goods ul li a p{ padding: 0 15px; line-height: 20px; }

    .newdemo{ padding: 40px 0;  }


}

@media (max-width: 1024px) {
    .center{ width: 728px; }

    .vacane-logo a{ width: 119px; height: 40px; }

    .vacane-search{ width: 100px; height: 30px; margin: 17px 0; }
    .vacane-search .form{ width: 100px; height: 30px; }
    .vacane-search .txt{ width: 70px; height: 30px; padding: 5px; }
    .vacane-search .go{ width: 30px; height: 30px; background-size: auto 16px; }

    .vacane-menu a{ line-height: 64px; padding: 0 15px; font-size: 12px; }
    .vacane-menu li ol li a{ font-size: 12px; }

    .banner-desc .carousel-inner .item{ background-position: center center; background-size: auto 100%; }
    .banner-desc .carousel-indicators li{ width: 10px; height: 10px; }
    .banner-desc .carousel-control{ width: 40px; }
    .banner-desc .carousel-control span{ width: 36px; height: 36px; margin-top: -18px; }

    .products{ height: 858px; margin-top: -397px; }
    .products .parTd{ margin-bottom: 20px; }
    .products .parTd h1{ line-height: 30px; font-size: 24px; letter-spacing: 3px; text-indent: 3px; }
    .products .parTd h6{ font-size: 12px; }
    .products .parHd{ width: 376px; margin-bottom: 0; }
    .products .parHd ul li{ width: 84px; height: 28px; line-height: 26px; font-size: 12px; margin: 0 5px; }
    .products .parMd{ width: 582px; margin: 0 auto 20px auto; }
    .products .parMd ul li{ width: 281px; height: 335px; margin-top: 20px; margin-right: 20px; }
    .products .parMd ul li:nth-child(2n){ margin-right: 0; }
    .products .parMd ul li .pic{ width: 281px; height: 281px; line-height: 281px; }
    .products .parBd{ width: 128px; height: 30px; }
    .products .parBd a{ line-height: 28px; font-size: 12px; }

    .about{ background-position: center center; background-size: auto 100%; }
    .abouts{ right: 0; left: 0; width: 582px; height: 672px; margin: -304px auto 0 auto; }
    .abouts .video{ width: 100%; float: none; }
    .aboutus{ width: 100%; float: none; }
    .aboutus span{ height: 30px; }
    .aboutus span h1{ line-height: 30px; }
    .aboutus span h6{ line-height: 30px; font-size: 12px; }
    .aboutus a{ width: 128px; height: 30px; line-height: 30px; margin-top: 10px; }

    .societys{ height: 400px; margin-top: -168px; }
    .societys .parTd{ margin-bottom: 20px; }
    .societys .parTd h1{ line-height: 30px; font-size: 24px; letter-spacing: 3px; text-indent: 3px; }
    .societys .parTd h6{ font-size: 12px; }
    .societys .parMd{ width: 582px; margin: 0 auto; overflow: hidden; }
    .societys .parMd ul li{ width: 281px; height: 329px; }
    .societys .parMd ul li .pic{ width: 281px; height: 157px; line-height: 157px; }
    .societys .parMd ul li .pic img{ vertical-align: top; }
    .societys .parMd ul li .title{ height: 172px; padding: 15px; }
    .societys .parMd ul li .title h4{ height: 25px; line-height: 25px; font-size: 14px; }
    .societys .parMd ul li .title span{ width: 128px; }

    .contact{ background-position: center center; background-size: auto 100%; }
    .contacts{ width: 582px; height: 338px; margin-top: -137px; }
    .contacts .parTd{ margin-bottom: 20px; }
    .contacts .parTd h1{ line-height: 30px; font-size: 24px; letter-spacing: 3px; text-indent: 3px; }
    .contacts .parTd h6{ font-size: 12px; }
    .contacts .parMd{ margin-bottom: 40px; }
    .contacts .parMd h1{ line-height: 30px; font-size: 18px; letter-spacing: 3px; text-indent: 3px; margin-bottom: 20px; }
    .contacts .parMd div{ position: relative; height: 52px; }
    .contacts .parMd div h2,
    .contacts .parMd div h3,
    .contacts .parMd div h4,
    .contacts .parMd div h5{ width: 454px; line-height: 26px; font-size: 12px; background-size: auto 18px; float: none; }
    .contacts .parMd div a{ position: absolute; top: 11px; right: 0; width: 128px; height: 30px; line-height: 28px; font-size: 12px; float: none; }
    .contacts .parBd{ height: 64px; }
    .contacts .parBd ul li{ height: 62px; }
    .contacts .parBd ul li a{ height: 40px; margin: 11px auto; }
    .contacts .parBd ul li a h4{ width: 40px; height: 40px; background-size: auto 32px; }
    .contacts .parBd ul li a span{ height: 40px; padding: 0 5px; }

    .uss{ height: 340px; margin-top: -193px; }
    .uss .td{ margin-bottom: 40px; }
    .uss .td h1{ line-height: 30px; font-size: 24px; letter-spacing: 3px; text-indent: 3px; }
    .uss .td h6{ font-size: 12px; }
    .uss .bd ul li{ height: 250px; }
    .uss .bd ul li div{ width: 200px; }
    .uss .bd ul li div i{ height: 72px; background-size: auto 36px; border-bottom-width: 3px; }
    .uss .bd ul li div h3{ line-height: 30px; font-size: 14px; margin: 10px 0 0 0; }
    .uss .bd ul li div p{ line-height: 24px; }

    .botter{ padding: 30px 0 20px 0; }
    .botter a{ padding: 0 20px; }

    #fp-nav{ display: none; }

    .ibanner{ margin-top: 64px; }
    .brands{ padding: 30px 0;  }
    .brands .td{ margin-bottom: 15px; }
    .brands .td h1{ line-height: 30px; font-size: 24px; letter-spacing: 3px; text-indent: 3px; }
    .brands .hd{ margin-top: 15px; }
    .brands .hd ul li{ height: 50px; }
    .brands .hd ul li:after{ bottom: 11px; height: 2px; }
    .brands .hd ul li p{ line-height: 26px; font-size: 14px; }
    .brands .hd ul li span{ width: 24px; height: 24px; border: 2px solid #d2d2d2; }
    .brands .bd img{ margin-bottom: 15px; }
    .brands .bd p{ height: 72px; line-height: 24px; font-size: 12px; }

    .introduce{ height: auto; }
    .introduces{ padding: 125px 0; }
    .introduces h1{ line-height: 30px; font-size: 24px; letter-spacing: 3px; text-indent: 3px; margin: 0 0 15px 0;  }
    .introduces p{ line-height: 24px; font-size: 12px; }

    .partners{ padding: 30px 0;  }
    .partners .td{ margin-bottom: 20px; }
    .partners .td h1{ line-height: 30px; font-size: 24px; letter-spacing: 3px; text-indent: 3px; }
    .partners .td h6{ line-height: 20px; font-size: 12px; }
    .partners .bd a{ width: 100%; height: auto; line-height: initial; padding: 5px;  }

    .location{ margin-top: 64px; padding: 10px 0; }
    .locations a{ line-height: 16px; padding: 0 20px; font-size: 12px;  }

    .productype{ padding: 20px 0; }
    .productypes .hd{ position: absolute; bottom: 20px; height: 10px; margin-left: -30px; }
    .productypes .hd ul li{ width: 10px; height: 10px; margin: 0 10px; }
    .productypes .sPrev,
    .productypes .sNext{ left: -12px; }
    .productypes .sNext{ left: auto; right: -12px; }

    .picductypes ul li{ width: 229px; height: 259px; margin: 0 20px 10px 0; }
    .picductypes ul li .pic{ width: 229px; height: 229px; line-height: 229px; }
    .picductypes ul li .title a p{ line-height: 30px; font-size: 14px;  }

    .picductshow{ padding: 20px 0 40px 0;  }
    .picductshows{ width: 380px; }
    .picductshows .bd ul li{ }
    .picductshows .bd ul li a{ width: 378px; height: 378px; line-height: 378px; }
    .picductshows .hd{ height: 120px; margin: 10px 0; }
    .picductshows .hd ul li{ width: 120px; height: 120px; margin-right: 10px; }
    .picductshows .hd ul li a{ width: 120px; height: 120px; line-height: 118px; }

    .picductdemo{ width: 328px;  }
    .picductdemo h1{ height: 60px; padding: 20px 0 10px 0; line-height: 30px; font-size: 20px; margin: 0 0 5px 0; }
    .picductdemo p{ line-height: 24px; font-size: 12px; }
    .picductdemo a{ width: 128px; height: 30px; line-height: 28px; font-size: 12px; margin-top: 10px; }

    .new{ margin-top: 64px; }
    .news{ padding: 20px 0; }
    .news a{ display: block; }
    .news a div{ width: 281px; height: 157px; line-height: 157px; }

    .news a span{ width: 427px; height: 157px; }
    .news a span h1{ line-height: 30px; font-size: 14px; margin: 10px 0 0 0; }
    .news a span h2{ line-height: 20px; font-size: 12px; margin: 0 0 10px 0; }
    .news a span h6{ line-height: 20px; font-size: 12px;  }
    .news a span p{ height: 60px; line-height: 20px; font-size: 12px; }

    .goods{ margin-bottom: 10px; }
    .goods ul li{ height: 50px; }
    .goods ul li a{ padding: 15px; }
    .goods ul li a span{ padding: 0 10px; font-size: 12px; }
    .goods ul li a p{ padding: 0 10px; font-size: 12px; }

    .newdemo{ padding: 20px 0; }
    .newdemo .title{ padding-bottom: 10px; }
    .newdemo .title h1{ line-height: 30px; font-size: 16px; }
    .newdemo .title span{ line-height: 20px; font-size: 12px; }
    .newdemo .demo{ padding: 15px 0; line-height: 24px; font-size: 12px;  }
    .newdemo .demo p{ line-height: 24px; font-size: 12px; }
    .newdemo .demo img{ width: 100%; margin: 10px auto; }

    .pager{ margin: 10px 0 40px 0; }
    .pager span, .pager a{ padding: 0 3px; margin: 0 3px; font-size: 12px;  }

    .page{ padding-top: 10px;  }
    .page span{ line-height: 26px; font-size: 12px; }
    .page span a{ padding: 0 3px; }

    .pictypeimg{ width: 380px; }
    .thumbWrap{ width: 380px; height: 70px; margin-top: 10px; }
    .thumbWrap .thumbCont{ width: 380px; height: 70px; }
    .thumbWrap ul li{ width: 76px; }
    .thumbWrap ul li div{ width: 68px; height: 68px; }
    .thumbWrap ul li img{ max-width: 68px; max-height: 68px; width: expression(this.width > 68 && this.width > this.height ? 68:true); height: expression(this.height > 68 ? 68:true); }
    .thumbWrap ul li.cur div:after{ width: 68px; height: 68px; }
    .control{ width: 380px; height: 380px; }
    .change li{ width: 380px; text-align: center; overflow: hidden; }
    .change li .imgwrapper{ width: 378px; height: 378px; }
    .change li img{ max-width: 378px; max-height: 378px; width: expression(this.width > 378 && this.width > this.height ? 378:true); height: expression(this.height >378 ? 378:true); }
    .ssprev, .ssnext{ bottom: 0; width: 55px; height: 40px; }
    .ssprev{ right: 60px; }
    .ssnext{ right: 5px; }


}

@media (max-width: 640px) {
    .center{ width: 100%; }
    .header{ display: none; }

    .banner-desc .carousel-control{ width: 10%; }
    .banner-desc .carousel-control span{ display: none; }

    .products{  height: auto; margin-top: -266px; }
    .products .parTd{ margin-bottom: 10px; }
    .products .parTd h1{ line-height: 28px; font-size: 20px; letter-spacing: 1px; text-indent: 1px; }
    .products .parHd{ width: 300px; margin-bottom: 10px; }
    .products .parHd ul li{ width: 25%; margin: 0; border-radius: 0; }
    .products .parMd{ width: auto; padding: 0 1%; margin: 0 auto 5px auto; }
    .products .parMd ul li{ width: 48%; height: auto; margin: 0 1%; }
    .products .parMd ul li .pic{ width: auto; height: auto; line-height: initial; margin: 0; border-radius: 0; }
    .products .parMd ul li .pic a span{ height: 126px; margin-top: -63px; }
    .products .parMd ul li .pic a span h2{ font-size: 16px; margin-bottom: 0; }
    .products .parMd ul li .title{ height: 35px; margin: 0; }
    .products .parMd ul li .title h5{ line-height: 30px; font-size: 12px; }
    .products .parMd ul li .title h6{ display: none; }
    .products .parBd{ width: auto; margin: 0 2%; }

    .abouts{ width: 96%; height: auto; margin-top: -252px; }
    .aboutus{ padding: 15px; }
    .aboutus span{ height: 28px; }
    .aboutus span h1{ line-height: 28px; font-size: 20px; }
    .aboutus span h6{ line-height: 28px; }
    .aboutus a{ width: 100%; }

    .societys{ height: auto; margin-top: -196px; }
    .societys .parTd{ margin-bottom: 10px; }
    .societys .parTd h1{ line-height: 28px; font-size: 20px; letter-spacing: 1px; text-indent: 1px; }
    .societys .parMd{ width: 96%; }
    .societys .parMd ul li{ width: 100%; height: auto; }
    .societys .parMd ul li .pic{ width: auto; height: auto; line-height: initial; }
    .societys .parMd ul li .title span{ width: 100%; }

    .contacts{ width: 96%; height: auto; margin-top: -211px; }
    .contacts .parTd{ margin-bottom: 10px; }
    .contacts .parTd h1{ line-height: 28px; font-size: 20px; letter-spacing: 1px; text-indent: 1px; }
    .contacts .parMd{ margin-bottom: 20px; }
    .contacts .parMd h1{ line-height: 28px; font-size: 16px; letter-spacing: 1px; text-indent: 1px; margin-bottom: 10px; }
    .contacts .parMd div{ position: relative; height: auto; }
    .contacts .parMd div h2,
    .contacts .parMd div h3,
    .contacts .parMd div h4,
    .contacts .parMd div h5{ width: 100%; line-height: 24px; }
    .contacts .parMd div a{ position: relative; top: 0; right: auto; left: 0; width: 100%; margin-top: 5px; }
    .contacts .parBd{ height: auto; }
    .contacts .parBd ul li{ width: 100%; height: auto; float: none; border-bottom: 1px solid #fff; border-right: 0; }
    .contacts .parBd ul li:last-child{ border-bottom: 0; }

    .uss{ height: auto; margin-top: -269px; }
    .uss .td{ margin-bottom: 0; }
    .uss .td h1{ line-height: 28px; font-size: 20px; letter-spacing: 1px; text-indent: 1px; }
    .uss .bd ul li{ width: 100%; height: auto; border-right: 0; }
    .uss .bd ul li div{ width: 300px; }
    .uss .bd ul li div i{ height: 50px; background-size: auto 30px; border-bottom-width: 2px; }
    .uss .bd ul li div h3{ line-height: 25px; font-size: 12px; margin: 5px 0 0 0; }
    .uss .bd ul li div p{ line-height: 24px; }

    .botter{ padding: 10px 0 5px 0; }
    .botter a{ width: 33.3333333%; text-align: center; padding: 0; margin-bottom: 5px; float: left; display: block; }
    .botter a:nth-child(3){ border: 0; }

    .floating{ display: none; }

    .wapheader{ position: absolute; top: 0; right: 0; left: 0; z-index: 1000; width: 100%; height: 60px; background: rgba(52,61,67,1); display: block; }
    .waplogo{ padding: 10px; height: 40px; display: block; }
    .waplogo img{ height: 40px; display: block; }


    .ibanner{ margin-top: 60px; }

    .inner{ width: 96%; }
    .brands{ padding: 15px 0; }
    .brands .td{ margin-bottom: 10px; }
    .brands .td h1{ line-height: 28px; font-size: 20px; letter-spacing: 1px; text-indent: 1px; }
    .brands .hd{ margin-top: 10px; }
    .brands .hd ul li{ height: 44px; }
    .brands .hd ul li:after{ bottom: 9px; height: 2px; }
    .brands .hd ul li p{ line-height: 24px; font-size: 12px; }
    .brands .hd ul li span{ width: 20px; height: 20px; }
    .brands .bd img{ margin-bottom: 10px; }

    .introduce{ background-size: auto 100%; }
    .introduces{ padding: 50px 0; }
    .introduces h1{ line-height: 28px; font-size: 20px; letter-spacing: 1px; text-indent: 1px; margin: 0 0 5px 0; }

    .partners{ padding: 15px 0; }
    .partners .td{ margin-bottom: 5px; }
    .partners .td h1{ line-height: 28px; font-size: 20px; letter-spacing: 1px; text-indent: 1px; }
    .partners .bd li{ width: 48%; margin: 1%; }
    .partners .bd a{ width: auto; padding: 1%; }

    .location{ margin-top: 60px; }
    .locations a{ width: 25%; padding: 0; float: left; display: block; }

    .productype{ padding: 10px 0; }
    .productypes .hd{ bottom: 10px; height: 10px; margin-left: -20px;  }
    .productypes .hd ul li{ margin: 0 5px; }


    .picductypes ul li{ width: 48%; height: auto; margin: 0 1%; }
    .picductypes ul li:nth-child(3n){ margin-right: 1%; }
    .picductypes ul li .pic{ width: auto; height: auto; line-height: initial; }
    .picductypes ul li .title a p{ line-height: 30px; font-size: 12px; }

    .picductshow{ padding: 0 0 10px 0; }
    .picductshows{ width: 100%; float: none; }

    .picductshows .bd ul li a{ width: 100%; height: auto; line-height: initial; }
    .picductshows .bd ul li a img{ display: block; }
    .picductshows .hd{ height: auto; margin: 5px 0; }
    .picductshows .hd ul li{ width: 30.333333%; height: auto; margin-right: 3%; }
    .picductshows .hd ul li a{ width: 100%; height: auto; line-height: initial; }
    .picductshows .hd ul li a img{ display: block; }

    .picductdemo{ width: 100%; float: none; }
    .picductdemo h1{ height: auto; padding: 10px 0 0 0; line-height: 30px; font-size: 14px; margin: 0 0 5px 0; }
    .picductdemo a{ width: 100%; border-radius: 1px; margin-top: 10px; }

    .new{ margin-top: 60px; }
    .news{ padding: 10px 0; }
    .news a div{ width: 100%; height: auto; line-height: initial; float: none; }
    .news a span{ width:  100%; height: auto;; float: none; }
    .news a span h1{ line-height: 30px; font-size: 14px; margin: 5px 0 0 0; }
    .news a span h2{ margin: 0 0 5px 0; }

    .goods{ margin-bottom: 10px; }
    .goods ul li{ width: 100%; height: 40px; }
    .goods ul li a{ padding: 10px; }
    .goods ul li a span{ width: 40%; text-align: right;  padding: 0 5px; }
    .goods ul li a p{ width: 60%; padding: 0 5px; height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

    .newdemo{ padding: 15px 0; }
    .newdemo .title{ padding-bottom: 5px; }
    .newdemo .title h1{ line-height: 30px; font-size: 14px; }
    .newdemo .demo{ padding: 10px 0; line-height: 24px; font-size: 12px; }
    .newdemo .demo p{ line-height: 24px; font-size: 12px; }
    .newdemo .demo img{ margin: 5px auto; }

    .pager{ margin: 5px 0 20px 0; }
    .pager span, .pager a{ padding: 0 2px; margin: 0 2px; }

    .page{ padding-top: 5px; }
    .page span{ line-height: 26px; }
    .page span a{ padding: 0 2px;  }

    .pictypeimg{ width: 300px; margin: 0 auto; float: none; }
    .thumbWrap{ width: 300px; height: 55px; margin-top: 5px; }
    .thumbWrap .thumbCont{ width: 300px; height: 55px; }
    .thumbWrap ul li{ width: 60px; }
    .thumbWrap ul li div{ width: 53px; height: 53px; }
    .thumbWrap ul li img{ max-width: 53px; max-height: 53px; width: expression(this.width > 53 && this.width > this.height ? 53:true); height: expression(this.height > 53 ? 53:true); }
    .thumbWrap ul li.cur div:after{ width: 53px; height: 53px; }
    .control{ width: 300px; height: 300px; }
    .change li{ width: 300px; }
    .change li .imgwrapper{ width: 298px; height: 298px; }
    .change li img{ max-width: 298px; max-height: 298px; width: expression(this.width > 298 && this.width > this.height ? 298:true); height: expression(this.height >298 ? 298:true); }
    .ssprev, .ssnext{ width: 55px; height: 40px; }
    .ssprev{ right: 60px; }
    .ssnext{ right: 5px; }

}

@media (max-width: 400px) {
    .footers .botter{ display: none; }
}

@media (max-width: 370px) {
    .products{ margin-top: -236px; }
    .abouts{ margin-top: -222px; }
    .societys{ margin-top: -166px; }
    .contacts{ margin-top: -181px; }
    .uss{ margin-top: -230px; }
    .uss .bd ul li div h3{ line-height: 20px; }
    .uss .bd ul li div p{ line-height: 20px; }
}

@media (max-width: 355px) {
    .products{ margin-top: -195px; }
    .products .parTd{ margin-bottom: 5px; }
    .products .parTd h1{ line-height: 24px; }
    .products .parMd{ padding: 0 5%; }
    .products .parMd ul li{ width: 46%; margin: 0 2%; }
    .products .parMd ul li .pic a span{ height: 80px; margin-top: -40px; padding: 0 10px; }
    .products .parMd ul li .pic a span h2{ display: none; }
    .products .parMd ul li .pic a span h2:after{ display: none; }
    .products .parMd ul li .pic a span p{ height: 80px; line-height: 20px; }
    .products .parMd ul li .title{ height: 30px; }
    .products .parMd ul li .title h5{ line-height: 25px; }
    .products .parBd{ margin: 0 7%; }

    .abouts{ width: 90%; margin-top: -115px; }
    .aboutus{ padding: 10px; }
    .aboutus span{ height: 24px; }
    .aboutus span h1{ line-height: 24px; }
    .aboutus span h6{ line-height: 24px; }
    .aboutus p{ display: none; }
    .aboutus a{ width: 100%; }

    .societys{ margin-top: -156px; }
    .societys .parTd{ margin-bottom: 5px; }
    .societys .parTd h1{ line-height: 24px; }
    .societys .parMd{ width: 90%; }
    .societys .parMd ul li .title{ padding: 10px; height: 162px; }

    .contacts{ margin-top: -110px; }
    .contacts .parTd{ margin-bottom: 5px; }
    .contacts .parTd h1{ line-height: 24px; }
    .contacts .parMd{ margin-bottom: 10px; }
    .contacts .parBd{ display: none; }

    .uss{ margin-top: -170px; }
    .uss .td h1{ line-height: 24px;}
    .uss .bd{ width: 90%; margin: 0 auto; }
    .uss .bd ul li{ width: 50%; }
    .uss .bd ul li:last-child{ width: 100%; }
    .uss .bd ul li div{ width: 100%; }
}